/**
 * @功能描述: 基础头像demo组件
 * @author: lzn
 * @date: 2022-09-21 19:07:06
 * @version: 1.0
 */
<script setup>

</script>

<template>
  <span class="yw-base-avatar avatar-lg">
    <svg class="yw-base-icon" aria-hidden="true">
      <use xlink:href="#g-defaultAvatar"></use>
    </svg>
  </span>
  <span class="yw-base-avatar">
    <span class="avatar-string">
        lzn
    </span>
  </span>
  <span class="yw-base-avatar avatar-image">
    <img src="https://joeschmoe.io/api/v1/random" />
  </span>
  <div>
    <span class="yw-base-avatar avatar-lg avatar-square">
      <svg class="yw-base-icon" aria-hidden="true">
        <use xlink:href="#g-defaultAvatar"></use>
      </svg>
    </span>
    <span class="yw-base-avatar avatar-square">
      <svg class="yw-base-icon" aria-hidden="true">
      <use xlink:href="#g-defaultAvatar"></use>
    </svg>
    </span>
    <span class="yw-base-avatar avatar-sm avatar-square">
      <svg class="yw-base-icon" aria-hidden="true">
        <use xlink:href="#g-defaultAvatar"></use>
      </svg>
    </span>
  </div>
</template>

<style scoped>
  .yw-base-avatar {
    margin:10px;
  }
</style>